

#page3 .elem{
    transform: rotateX(0)
}

#page3 .elemL1_1{
    width: 7rem;
    height: 6.4rem;
    right: 1rem;
    bottom: 1rem;
    background-image: url(../../img/lr/girlwithbike.png);
}

.unfold#page3 .elemL1_1{
    animation: goup 2s 1.2s ease both, ride 1.5s 3.2s ease forwards	;

}

.pre#page3 .elemL1_1{
    animation: ride_r 1s  ease
}



@keyframes ride_r{
    to {
        transform: translate3d(0,0,0) rotateX(0)
    }

    from{
        transform: translate3d(4.5rem,-1rem,0) rotateX(-90deg)
    }
}

@keyframes goup{
    from{
        transform: rotateX(0);
    }
    to{
        transform:rotateX(-90deg);
    }
}

@keyframes ride{
    from {
        transform: rotateX(-90deg)
    }

    to{
        transform: translate3d(4.5rem,-1rem,0) rotateX(-90deg)
    }
}